<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title>基站信息</title> 
   
    <link rel="stylesheet" type="text/css" href="jquery-easyui-1.5.3/themes/bootstrap/easyui.css">
    <link rel="stylesheet" type="text/css" href="jquery-easyui-1.5.3/themes/icon.css">
     <link rel="stylesheet" type="text/css" href="easyui-me/columns.css">
    <script type="text/javascript" src="jquery-easyui-1.5.3/jquery.min.js"></script>
    <script type="text/javascript" src="jquery-easyui-1.5.3/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="js/dateFormatter.js"></script>
    <script type="text/javascript" src="jquery-easyui-1.5.3/locale/easyui-lang-zh_CN.js"></script>

   <!-- <link href="jquery-easyui-1.5.3/themes/icon.css" rel="stylesheet"> 
     <link href="css/base.css" rel="stylesheet">
    <link href="css/basic_info.css" rel="stylesheet">
    <link rel="stylesheet" href="css/xk.css">
    <link href="css/process.css" rel="stylesheet">-->
</head> 
<body>
  <div class="panel">
    
    <div class="easyui-panel" id="query-data" style="padding:1px;width: 100%;">
      <table id="dataGrid" ></table>
    </div>

  <script type="text/javascript">
    var url;
    $(function () {
      var datagrid; //定义全局变量datagrid
      var editRow = undefined; //定义全局变量：当前编辑的行
      datagrid = $("#dataGrid").datagrid({
      title : "基站信息列表",
      nowrap : false,
      border : false,
      locale : "zh_CN",
      //height : $(window).height()-250,
      width:'100%',
      iconCls : 'icon-save',
      //striped : true,
      collapsible : true,
      //url : "${ctx}/sysLog/querySysLogList",
      data:[{'fileName':'data.xml','dataType':'静态','createDatetime':'2019-4-22 13:03:18','reserver4':'2019-04-26 09:32~2019-04-26 09:32','reserver5':''},
      {'fileName':'data.xml','dataType':'动态','createDatetime':'2019-4-20 13:03:18','reserver4':'2019-04-26 09:32~2019-04-26 09:32','reserver5':'无'},
	  {'fileName':'data.xml','dataType':'静态','createDatetime':'2019-4-19 13:03:18','reserver4':'2019-04-26 09:32~2019-04-26 09:32','reserver5':'重点关注'},
	  {'fileName':'data.xml','dataType':'静态','createDatetime':'2019-4-15 13:03:18','reserver4':'2019-04-26 09:32~2019-04-26 09:32','reserver5':'继续挖掘'}],
      //pagination : true,//表示在datagrid设置分页              
      rownumbers : true,
      //singleSelect : true,
      //
      //        警综关联 
      columns : [ [ 
      { field : 'fileName',
        title : '文件名',
        width : '14%',
        align : 'center' 
      }, {
        field : 'dataType',
        title : '基站类型',
        width : '12%',
        align : 'center'
      }, {
        field : 'createDatetime',
        title : '上传时间',
        width : '14%',
        align : 'center'
      }, {
        field : 'reserver4',
        title : '案发时间分析',
        width : '20%',
        align : 'center'
      },{
        field : 'reserver5',
        title : '备注',
        width : '25%',
        align : 'center'
      } , {
        field : 'oper',
        title : '操作',
        width : '15%',
        align : 'center',
		formatter: function(value,row,index){
				var str = "<span style='cursor:hand;text'><img src='jquery-easyui-1.5.3/themes/icons/admin.png' style='cursor:hand;vertical-align:middle'/>&nbsp;查看</span>&nbsp;&nbsp;"; 
					str += "<span style='cursor:hand;'><img src='jquery-easyui-1.5.3/themes/icons/redo.png' style='cursor:hand;vertical-align:middle'/>&nbsp;下载</span>&nbsp;&nbsp;"; 
					str += "<span style='cursor:hand;'><img src='jquery-easyui-1.5.3/themes/icons/no.png'  style='cursor:hand;vertical-align:middle'/>&nbsp;删除</span>&nbsp;&nbsp;"; 
					str += "<span style='cursor:hand;'><img src='jquery-easyui-1.5.3/themes/icons/back.png' style='cursor:hand;vertical-align:middle'/>&nbsp;导出</span>";
				return str;
			}
      }] ],
       toolbar: [              //工具条  
                {text:"导出全部",iconCls:"icon-large-chart",handler:function(){//回调函数  
                  $.messager.confirm('提示','您确定要导出吗',function(t){ 
				  });
                }}],  
    });

  
  });
  </script>
</body>